<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/pages/templates/template.xhtml">
	<ui:define name="metadata">
		<f:metadata>
			<f:viewParam name="id" value="#{GrupoAreasBean.id}" />
			<f:event type="preRenderView" listener="#{GrupoAreasBean.init}" />
		</f:metadata>
	</ui:define>
	<ui:define name="content">
		<h:form id="formGrupo">
			<div>
				<div class="div-titulo-tela">
					<p:outputLabel styleClass="titulo-tela">Grupo de Trabalho</p:outputLabel>
					<br /> <br />
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton value="Lista"
							actionListener="#{GrupoAreasBean.doListar}" />

						<p:commandButton id="btnSalvar" value="Salvar" ajax="true" disabled="#{!GrupoAreasBean.podeAlterar}"
							update="formGrupo" actionListener="#{GrupoAreasBean.doSalvar}" />

						<p:commandButton id="btnConcluir" value="Concluir" ajax="true" disabled="#{!GrupoAreasBean.podeAlterar}"
							update="formGrupo" actionListener="#{GrupoAreasBean.doConcluir}" />

					</div>
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton value="Geral" ajax="true" update="formGrupo"
							actionListener="#{GrupoAreasBean.doGeral}" />

						<p:commandButton value="Professores Pretendidos" ajax="true"
							update="formGrupo"
							actionListener="#{GrupoAreasBean.doSelecionarProfessores}" />

						<p:commandButton value="Participantes" ajax="true"
							disabled="#{!GrupoAreasBean.podeParticipantes}"
							update="formGrupo"
							actionListener="#{GrupoAreasBean.doSelecionarParticipantes}" />

						<p:commandButton value="Avaliadores" ajax="true"
							disabled="#{!GrupoAreasBean.podeAvaliadores}" update="formGrupo"
							actionListener="#{GrupoAreasBean.doSelecionarAvaliadores}" />
					</div>
				</div>
				<div>
					<div class="div-corpo-tela">
						<div class="div-mensagem">
							<p:messages id="messages" autoUpdate="true" closable="true" />
						</div>

						<p:outputPanel id="tbAreas" title="Areas de Interesse">
							<p:pickList id="pickListAreasDesejadas" styleClass="campo"
								converter="AreaInteresseConverter" disabled="#{!GrupoAreasBean.podeAlterar}"
								value="#{GrupoAreasBean.areasInteresseModel}" var="area"
								itemLabel="#{area.nome}" itemValue="#{area}"
								showTargetControls="true">
								<f:facet name="sourceCaption">
									<p:outputLabel styleClass="label">Disponíveis</p:outputLabel>
								</f:facet>
								<f:facet name="targetCaption">
									<p:outputLabel styleClass="label">Selecionadas</p:outputLabel>
								</f:facet>
							</p:pickList>
						</p:outputPanel>

					</div>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>

